
/* CSS Outer Wrapper */
#outer-wrapper {background:#fdfdfd;max-width:1100px;margin:0 auto;padding:0;overflow:hidden;}

/* CSS Content Wrapper */
#content-wrapper {background-color:#fff;margin:0 auto;padding:0 20px;
word-wrap:break-word;}

/* CSS Header Wrapper */
#header-wrapper {margin:20px;overflow:hidden;padding:0;}
#header {float:left;width:100%;max-width:257px;color:#444;margin:0;}
#header h1, #header p {font-family:&#39;Ruda&#39;;font-size:220%;font-weight:400;color:#444;text-transform:uppercase;}
#header a {color:#444;text-decoration:none;transition:all 0.3s ease-out;}
#header a:hover {color:#8fcd7f;}
#header .description {font-family:&#39;Droid Sans&#39;;font-size:100%;font-weight:400;color:#555;text-transform:none;}
.header img {display:block;}
.header-right {float:right;padding:0;overflow:hidden;margin:0;width:100%;
max-width:728px;}
.header-right img {display:block;}

/* CSS Header 2 Wrapper */
.blogouter-wrapper {background:#fff;position:relative;z-index:96;overflow:hidden;}
.ct-wrapper {padding:0 20px;position:static;max-width:1100px;margin:0 auto;}
.header-wrapper2 {margin:0 auto;padding:0}

/* CSS Top Menu */
.main-nav {display:block;margin:0 auto;float:left;padding:0;width: 100%;background:transparent;}
.main-nav ul {width:100%;padding:0;margin:0;text-align:left;}
.main-nav li {list-style-type:none;float:left;padding:0;}
.main-nav li a {position:relative;font-family:&#39;Droid Sans&#39;;font-size:13px;font-weight:400;background:transparent;color:#838888;display:block;margin:0;padding:18px;line-height:100%;}
.main-nav ul &gt; li &gt; a:after {content:&quot;&quot;;position:absolute;width:0;left:0;right:0;margin:auto;
bottom:-1px;height:3px;background:#8fcd7f;opacity:0;visibility:hidden;transition:all 0.2s ease-out;}
.main-nav ul &gt; li &gt; a:hover:after {opacity:1;visibility:visible;width:90%;}
.main-nav ul li a:active, .main-nav ul li.highlight a {line-height:100%;text-decoration:none;background:#8fcd7f;color:#fff;}
.main-nav ul li a:hover {background:#f9f9f9;color:#8fcd7f;text-decoration:none;}
.main-nav a#pull {display:none;}
.main-nav li.facebook,.main-nav li.googleplus{text-align:center;float:right;width:45px;transition:all 0.2s ease-out;}
.main-nav li a.facebook,.main-nav li a.googleplus{font-size:15px;}
.main-nav li.buttonalert {cursor:pointer;font-size:13px;color:#fff;padding:2px 10px;background:#f56954;border-radius:3px;margin:15px 0;opacity:0.8;margin-left:10px;transition:all 0.2s ease-out;}
.main-nav li.buttonalert:hover{opacity:1;}
/* CSS Main Menu */
#menu-wrap {background:#494158;height:55px;margin:0 20px;position:relative;border-bottom:4px solid #8fcd7f;}
#menu, #menu ul {margin:0;padding:0;list-style:none;}
#menu ul{height:55px}
#menu {background:#494158;color:#fff;height:55px;}
#menu:before,#menu:after {content:&quot;&quot;;display:table;}
#menu:after {clear:both;}
#menu li {float:left;display:inline;position:relative;font-family:&#39;Ruda&#39;;font-size:14px;font-weight:700;text-transform:uppercase;margin:0;}
#menu a {line-height:55px;padding:5px 20px;text-decoration:none;color:#fff;
border-right:1px solid #6b627e;transition:all 0.2s ease-out;}
#menu li:hover &gt; a {color:#a3dd94;}
#menu ul {margin:20px 0 0 0;visibility:hidden;opacity:0;height:auto;min-width:150px;background:#f5f5f5;position:absolute;z-index:99;top:55px;left:0;transition:all 0.2s ease-out;}
#menu li:hover &gt; ul {opacity:1;visibility:visible;margin:0;}
#menu ul ul {top:0;left:150px;margin:0 0 0 20px;box-shadow:0 4px 5px -2px rgba(0,0,0,.2);}
#menu ul li {display:block;width:100%;font-family:&#39;Droid Sans&#39;;font-size:13px;font-weight:400;text-transform:none;}
#menu a.ai{display:block;padding:0 27px 0 14px;border-right:none;}
#menu li &gt; a.ai::after {content:&quot;\f107&quot;;font-family:FontAwesome;margin:0 auto;width:10px;height:10px;line-height:55px;position:absolute;top:0;right:10px;color:#b7b2c1;transition:all 0.2s ease-out;}
#menu li &gt; a.ai2::before,#menu li &gt; a.ai3::before {content:&quot;\f105&quot;;font-family:FontAwesome;margin:0 auto;width:10px;height:10px;line-height:55px;position:absolute;top:0;left:10px;color:#ccc;transition:all 0.2s ease-out;}
#menu li &gt; a.ai:hover::after,#menu li &gt; a.ai2:hover::before,#menu li &gt; a.ai3:hover::before{color:#fff;}
#menu ul a {display:block;padding:0 20px;background:#f5f5f5;color:#a09ca8;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;border-right:none;transition:all 0.2s ease-out;}
#menu ul a:hover {background-color:#8fcd7f;color:#fff;}
#menu ul li:first-child &gt; a:after {content: &#39;&#39;;position:absolute;left:20px;top:-6px;
border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;transition:all 0.2s ease-out;}
#menu ul ul li:first-child a:after {left:-6px;top:50%;margin-top:-6px;border-left:0;	
border-bottom:6px solid transparent;border-top:6px solid transparent;border-right:6px solid #fff;transition:all 0.2s ease-out;}	
#menu ul li:first-child a:hover:after {border-bottom-color:#8fcd7f;}	
#menu ul ul li:first-child a:hover:after {border-right-color:#8fcd7f;border-bottom-color:transparent;}
.no-transition {transition:none;opacity:1;visibility:visible;display:none;}
#menu li:hover &gt; .no-transition {display:block;}
#menu .homers {line-height:55px;margin-left:20px;}
#menu .homers a{display:block;background:#8fcd7f;color:#fff;padding:0 18px;border-right:none;}
#menu .homers a:hover{background:#a3dd94;color:#fff;}
#menu .homers .fa.fa-home{text-align:center;color:#fff;}
#menu-wrap input{display:none;margin:0;padding:0;width:80px;height:55px;opacity:0;cursor:pointer;}
#menu-wrap label{font-family:&#39;Ruda&#39;;font-size:30px;font-weight:700;text-transform:uppercase;display:none;width:35px;height:51px;line-height:51px;text-align:center;}
#menu-wrap label span{font-size:13px;position:absolute;left:35px}

/* CSS Fixed Search Button */
.minima3-search {position:relative;padding:0;height:0;margin:0 auto;}
#menu li.searchbutton {background:#8fcd7f;margin:0;padding:0 20px;display:inline-block;text-transform:Capitalize;height:55px;line-height:55px;cursor:pointer;z-index:93;float:right;}
#menu li.searchbutton.active {background:#a3dd94;color:#fff;}
#menu li.searchbutton:after {content:&quot;\f002&quot;;font-family:FontAwesome;font-style:normal;font-weight:normal;text-decoration:none;color:#fff;position:relative;}
#menu li.searchbutton.active:after {color:#fff;}
.search-form {display:none;position:relative;background:#494158;
padding:0;width:100%;z-index:91;max-width:1100px;margin:0 auto;border-bottom:4px solid #8fcd7f;}
.searchform {margin:0 auto;text-align:center;line-height:45px;}
.searchbar {background:transparent;border:none;width:75%;padding:5px 10px;font-weight:400;font-size:20px;font-family:&#39;Droid Sans&#39;,sans-serif;color:#a09ba8;margin:0 auto;outline:none;line-height:45px;transition:background-color 1s ease-out 0s;}
.searchbar:focus {color:#ddd;}
.searchsubmit {left:0;top:0;bottom:0;position:absolute;background:#8fcd7f;border:none;outline:none;cursor:pointer;color:#fff;padding:0 25px;text-transform:uppercase;font-weight:700;font-size:16px;
font-family:&#39;Ruda&#39;,sans-serif;line-height:45px;border-radius:2px;
transition:background-color 0.3s ease-out;}
.searchsubmit:hover {background:#6b627e;color:#fff;}
.searchsubmit:active {background:#5b536b;color:#fff;border:none;outline:none;}

/* CSS Post Wrapper */
#post-wrapper {background:transparent;color:#666;float:left;width:70%;margin:0 0 10px;}
.post-inner {padding:15px 15px 0 0;}
.breadcrumbs {background:#fff;font-size:100%;height:45px;overflow:hidden;padding:0;}
.breadcrumbs &gt; span {padding:0;}
.breadcrumbs &gt; span:last-child {background:#fff;color:#666;border-right:none;font-family:&#39;Droid Sans&#39;;font-size:13px;font-weight:300;padding:10px;line-height:30px;}
.breadcrumbs a {background:#fff;color:#666;font-family:&#39;Droid Sans&#39;;font-size:13px;
font-weight:normal;line-height:45px;}
.breadcrumbs span a {color:#666;padding:10px;margin-left:5px;}
.breadcrumbs span:first-child  a{background:#8fcd7f;color:#fff;margin-left:10px;}
.breadcrumbs span a:hover {color:#fff;}
.breadcrumbs a:hover {background:#8fcd7f;color:#fff;}
.post {background:#fff;margin:0 0 15px;padding:15px;}
.post-body {line-height:1.6em;color:#444;margin-top:15px;margin-right:0;font-size:14px;}
.post-body img {max-width:95%;margin:0 auto;height:auto;}
h3.post-title, h2.post-title, h1.post-title {font-family:&#39;Ruda&#39;,sans-serif;font-size:20px;font-weight:700;text-align:center;border-bottom:double #eee;border-top:double #eee;
padding:15px;text-transform:uppercase}
h3.post-title a, h2.post-title a, h1.post-title a, h2.post-title, h1.post-title {color:#666;}
h3.post-title a:hover, h2.post-title a:hover, h1.post-title a:hover {color:#8fcd7f!important;}
.post-info {background:transparent;margin-top:5px;margin-bottom:5px;color:#fff;font-size:11px;}
.post-info a {display:inline;background:transparent;color:#888;padding:4px 6px 4px 6px;transition:all .3s ease-out;}
.post-info a:hover {color:#8fcd7f;}
.author-info, .time-info, .comment-info, .label-info, .review-info {
margin-right:8px!important;display:inline;color:#666;}
.halaman{padding:0;background:#444;border:double #fff;}
.halaman-kiri{width:50%;float:left;margin:0;text-align:left;color:#f1c40f;transition:all .3s ease-out;}
.halaman-kanan{width:50%;float:right;margin:0;text-align:right;color:#f1c40f;transition:all .3s ease-out}
.halaman-kanan:hover .pager-title-left,.halaman-kiri:hover .pager-title-left{color:#fff!important;}
.halaman-kanan a:hover,.halaman-kiri a:hover{color:#f1c40f!important;}
.halaman-kiri a,.halaman-kanan a,.current-pageleft,.current-pageright{font-size:14px;font-family: &#39;Droid Sans&#39;,Helvetica,Arial,sans-serif;font-weight:300;background:none;text-decoration:none}
.current-pageleft{padding:0 0 0 15px;}
.current-pageright{padding:0 15px 0 0;}
.halaman-kiri a,.halaman-kanan a{color:#fff;}
.pager-title-left{font-family: &#39;Ruda&#39;,sans-serif;font-size:22px;font-weight:400;text-transform:uppercase;transition:all .3s ease-out}
.isihalaman-kiri{margin:0}
.isihalaman-kanan{margin:5px 10px 10px}
#blog-pager-newer-link{float:left;padding:0 0 0 15px;}
#blog-pager-older-link{float:right;padding:0 15px 0 0;}
.blog-pager,#blog-pager{clear:both;text-align:center}
.feed-links{clear:both;line-height:2.5em}
span.post-author.vcard {visibility:hidden;width:0;height:0;}
.post-header, .post-footer {line-height:initial;width:0;height:0;}
.posts-title{margin-bottom:15px;border-bottom:double #ddd;}
.posts-title h2{font-family:&#39;Ruda&#39;;font-size:15px;background-color:#fff;display:inline-block;
padding:13px;margin:0;border:double #ddd;border-bottom:none;}
.posts-title h2 a{color:#666;font-weight:700;font-size:15px;text-transform:uppercase;display:block}
.posts-title h2 a:before{content:&#39;\f143&#39;;font-family:fontawesome;font-size:16px;vertical-align:middle;margin-right:10px;font-weight:400}
.posts-title h2 a:hover{color:#8fcd7f;}

/* CSS Post Title */
.posts-title{margin-bottom:15px;border-bottom:double #ddd;background:#f9f9f9;}
.posts-title h2{font-family:&#39;Ruda&#39;;font-size:15px;background-color:#fff;display:inline-block;
padding:13px;margin:0;border:double #ddd;border-bottom:none;}
.posts-title h2 a{color:#666;font-weight:700;font-size:15px;text-transform:uppercase;display:block}
.posts-title h2 a:before{content:&#39;\f143&#39;;font-family:fontawesome;font-size:16px;vertical-align:middle;margin-right:10px;font-weight:400}
.posts-title h2 a:hover{color:#8fcd7f;}
.date-time {height:20px;line-height:22px;padding:2px 6px;background-color:#6b627e;margin-top:10px;
font-size:11px;color:#fff;float:right;margin-right:9px;}

/* CSS Comments */
#comments{background:#fff;clear:both;margin:20px auto 0;line-height:1em;padding:20px;}
#comments h3{background:#eea956;display:inline;line-height:20px;margin-bottom:20px;margin-top:0;font-family:&#39;Ruda&#39;,sans-serif;font-size:14px;position:absolute;color:#fff;font-weight:700;text-transform:uppercase;padding:10px 20px 10px 50px;border:double #fff;}
#comments h3:before {font-family:fontawesome;content:&quot;\f086&quot;;margin-right:10px;font-size:20px;padding:10px 15px;position:absolute;left:0;top:0;}
#comments .click-comment{float:right;text-decoration:none;display:inline;line-height:20px;
margin-bottom:20px;margin-top:0;font-family:&#39;Ruda&#39;,sans-serif;font-size:14px;
color:#aaa;font-weight:700;text-transform:uppercase;background:#fff;padding:10px 20px;border: double #ddd;}
#comments .click-comment:hover{background:#444;color:#fff;border-color:#fff;}
.comment_avatar_wrap{width:42px;height:42px;border:none;background:none;text-align:center;padding:0;overflow:hidden;}
#comments .comment_avatar {width:46px;height:46px;max-width:46px;max-height:46px;background:rgba(255,255,255,0.2);padding:0 0 0 1px;text-align:center;position:absolute;top:0;right:0;overflow:hidden;}
#comments .comment_admin .comment_avatar{width:46px;height:46px;max-width:46px;max-height:46px;padding:0 0 0 1px;text-align:center;position:absolute;top:0;right:0;overflow:hidden;}
#comments .comment_avatar img {width:46px;height:46px;max-width:46px;max-height: 46px;background:url(http://1.bp.blogspot.com/-SL82Yj_MkdE/VCNlr5Q1nWI/AAAAAAAAGf8/xzhe3TPouok/s1600/anonim.png) no-repeat;overflow:hidden;}
.comment_avatar img{width:46px;height:46px;background:url(http://1.bp.blogspot.com/-SL82Yj_MkdE/VCNlr5Q1nWI/AAAAAAAAGf8/xzhe3TPouok/s1600/anonim.png) no-repeat;overflow:hidden;transform:scale(1.0) rotate(0);transition:all .3s ease-out;}
.comment_avatar img:hover{transform:scale(1.1) rotate(2deg);}
.comment_name a{font-family:&#39;Ruda&#39;,sans-serif;font-weight:700;font-size:15px;padding:5px 0;color:#fff;text-decoration:none}
.comment_name a:hover{color:#f9f9f9;}
.comment_child .comment_name a {color:#fff;}
.comment_child .comment_name a:hover {color:#e6ae48;}
.comment_admin .comment_name{font-weight:700;font-size:16px;font-family:&#39;Ruda&#39;,sans-serif;text-decoration:none;background:none;padding:5px 0;}
.comment_admin .comment_date{left:10px;font-weight:700;font-size:11px;}
.comment_name{font-size:16px;font-family:&#39;Ruda&#39;, sans-serif;font-weight:400;padding:0 10px;position:absolute;left:5px;top:5px;display:inline;line-height:35px;transition:all .3s ease-in-out;}
.comment_name:hover{color:#f9f9f9;}
.comment_admin .comment_name{padding:0 10px;left:5px;top:5px;display:inline;}
.comment_service{position:absolute;bottom:8px;left:8px;}
.comment_date a{left:0;font-size:11px;font-weight:400;text-transform:none;color:#aaa;text-decoration:none}
.comment_body{margin:20px 0;background:#fafafa;padding:0;position:relative;}
.comment_body p{line-height:1.6em;color:#444;font-size:14px;font-family:&#39;Droid Sans&#39;,Helvetica,Arial,sans-serif;word-wrap:break-word;background:#fafafa;padding:20px}
.comment_child .comment_body p{color:#444;}
.comment_body p img{vertical-align:middle;margin:0 5px;}
.comment_inner{padding-bottom:5px;margin:5px 0}
.comment_child .comment_wrap{padding-left:7%}
.comment_child .comment_body{margin-top:-15px;background:#fafafa;}
.comment_reply{float:right;display:inline;color:#999!important;text-align:center;text-decoration:none;background:#fff;font:11px/18px sans-serif;padding:3px 11px;margin:10px 10px 10px 5px;border:double #fafafa;}
.comment_reply:hover{text-decoration:none!important;background:#e6ae48;color:#fff!important;text-shadow:none;}
.comment-form{width:100%;max-width:100%;margin-bottom:10px;padding:0;}
.comment_form a{text-decoration:none;text-transform:uppercase;font-weight:700;font-family:Arial,Helvetica,Garuda,sans-serif;font-size:15px;color:#444}
#comment-editor{width:103%!important;background:url(&#39;http://4.bp.blogspot.com/-jSUS8v5kwpQ/U8Z_6Ufr-PI/AAAAAAAAEYY/o4cQPKvt8vQ/s1600/loading.gif&#39;) no-repeat 50% 25%;position:relative;margin-left:-8px;margin-top:-15px}
.comment-form p{background:#ed9c56;color:#fff;font-size:14px;font-family:&#39;Droid Sans&#39;,Helvetica,Arial,sans-serif;line-height:1.5em;margin-bottom:20px;padding:15px;}
.comment_reply_form{padding:0 0 0 7%}
.comment_reply_form .comment-form{width:100%}
.comment_emo_list .item{float:left;text-align:center;height:40px;width:41px;margin:0 0 10px;}
.comment_emo_list span{display:block;font-weight:400;font-size:11px;letter-spacing:1px;color:#444}
.comment_youtube{max-width:100%!important;width:400px;height:225px;display:block;margin:auto}
.comment_img{max-width:100%!important}
#respond{overflow:hidden;padding-left:10px;clear:both}
.comment-delete{position:absolute;display:none;top:0;right:-25px;color:red!important;text-align:center;text-decoration:none;font-family:&#39;Droid Sans&#39;;font-size:16px;font-weight:700;padding:0;opacity:0.7;transition:all .3s ease-in-out}
.comment_body:hover .comment-delete{display:none!important;}
.comment-delete:hover{color:#444!important;}
.unneeded-paging-control,.comment_author_flag{display:none}
.comment_admin .comment_author_flag {display:inline;background:rgba(0,0,0,0.2);font-family:&#39;Ruda&#39;,sans-serif;font-size:12px;font-weight:bold;width:42px;height:15px;right:6px;bottom:0;color:#fff;text-align:center;padding:3px 10px;margin-left:10px;border-radius:2px;text-transform:uppercase;}
.comment_child .comment_admin .comment_author_flag {background:rgba(0,0,0,0.2);color:#fff;}
.spammer-detected{font-size:14px!important;color:#fff!important;background:#5cb0d8!important;margin:25px;
display:inline-block;padding:10px 15px!important;}
.deleted-comment{display:table;color:#444;word-wrap:break-word;background:transparent;
padding:20px 0;font-size:13px;font-family:&#39;Droid Sans&#39;,Helvetica,Arial,sans-serif;
font-style:normal;text-align:center;margin:0 auto 20px auto;}
iframe{border:none;overflow:hidden}
.paging-control-container{text-align:center;margin:0 0 0 25%;}
.paging-control-container a{text-align:center;margin:0 auto;background:#444;padding:5px 10px;
color:#fff;transition:all .3s ease-in-out}
.paging-control-container a:hover{background:#e6ae48;color:#fff;}
.comment_header {background:#5a9ad2;padding:2px 0;}
.comment_child .comment_header {background:#444;padding:2px 0;}
#konversi-box, #hide-konversi,#emo-box,#hide-emo {display:none}
#konversi-box {width:100%;color:#eee;background:none;line-height:1.6em;margin-bottom:20px;padding:0;text-align:left;}
.checkbox{font:11px Tahoma,Verdana,Arial,Sans-Serif;line-height:1.6em;color:#eee;}
#codes{border:none;width:100%;height:200px;display:block;background-color:#444;color:#eee;font:normal 12px &#39;Courier New&#39;,Monospace;margin:7px 0 10px;padding:8px;transition:all 0.5s linear;}
#codes:focus{background-color:#444;color:#fff;border:none;outline:none;transition:all 0.3s linear;}
.button-group{float:right;text-align:left;margin:0 auto}
button,button[disabled]:active{border:none;font-size:12px;font-family:&#39;Droid Sans&#39;;font-weight:normal;padding:4px 10px;text-decoration:none;background:#4288cc;color:#fff;display:inline-block;transition:all 0.5s linear;cursor:pointer;border:1px solid #4084c5;}
button:hover{background:#fff;color:#4288cc;transition:all 0.2s linear;}
button:active{background:#fff;color:#4288cc;}
button[disabled],button[disabled]:active{color:#fff;cursor:default}
#opt1,#opt2,#opt3,#opt4,#opt5{display:inline-block;vertical-align:middle;border:none;outline:none;margin:0 10px 0 0}
.small-button a,.small-button1 a {font-size:12px;font-family:&#39;Droid Sans&#39;;cursor:pointer;font-weight:400;margin:10px 5px 5px 0;text-decoration:none;text-transform:none;text-shadow:none;display:inline-block;background-color:rgba(0,0,0,0.2);color:#fff;padding:4px 10px;cursor:pointer;transition:all 0.5s linear}
.small-button:hover a,.small-button1:hover a{text-shadow:none;display:inline-block;background-color:#fff;color:#666;transition:all 0.2s linear}
span.small-button {text-align:left;display:inline-block;}

/* CSS Image Lightbox */
#jquery-overlay{position:absolute;top:0;left:0;z-index:100;width:100%;height:500px;}
#jquery-lightbox{position:absolute;top:0;left:0;width:100%;z-index:100;text-align:center;line-height:0}
#jquery-lightbox a,#jquery-lightbox a:hover{border:none;}
#jquery-lightbox a img{border:none;}
#lightbox-container-image-box{position:relative;background-color:#fff;width:250px;height:250px;margin:0 auto;max-width:100%!important;}
#lightbox-container-image{padding:10px;}
#lightbox-loading{display:none!important;}
#lightbox-nav{position:absolute;top:25%;left:0;height:100%;width:100%;z-index:10}
#lightbox-container-image-box &gt; #lightbox-nav{left:0;transition:All 0.2s ease;}
#lightbox-nav a{outline:none}
#lightbox-nav-btnPrev,#lightbox-nav-btnNext{width:49%;height:100%;display:block;transition:All 0.2s ease;}
#lightbox-nav-btnPrev{left:10%;float:left;transition:All 0.2s ease;}
#lightbox-nav-btnNext{right:10%;float:right;transition:All 0.2s ease;}
#lightbox-container-image-data-box{font-size:10px;font-family: &#39;Open Sans&#39;,Helvetica,sans-serif;background-color:#fff;margin:0 auto;line-height:1.4em;overflow:hidden;max-width:100%!important;padding:0 10px;}
#lightbox-container-image-data{padding:0 10px;color:#818d99}
#lightbox-container-image-data #lightbox-image-details{width:70%;float:left;text-align:left}
#lightbox-image-details-caption{font-weight:normal}
#lightbox-image-details-currentNumber{display:block;clear:left;padding-bottom:1.0em}
#lightbox-secNav-btnClose{width:66px;float:right;padding-bottom:0.7em}

/* CSS Shortcodes */
.button{float:left;list-style:none;text-align:center;width:95%;margin:10px;
padding:2px;font-size:14px;clear:both;}
.button ul {margin:0;padding:0}
.button li{display:inline;margin:5px;padding:0;list-style:none;}
.demo {padding:10px 14px!important;background-color:#8fcd7f;color:#fff!important;font-weight:700;font-size:15px;font-family:&#39;Ruda&#39;,sans-serif;text-align:center;text-transform:uppercase;letter-spacing:0.5px;border:double #fff;transition:background-color 0.4s ease-out;}
.download {padding:10px 14px!important;background-color:#eea956;color:#fff!important;font-weight:700;font-size:15px;font-family:&#39;Ruda&#39;,sans-serif;text-align:center;text-transform:uppercase;letter-spacing:0.5px;border:double #fff;transition:background-color 0.4s ease-out;}
.demo:hover,.download:hover {background:#444;}
.demo:before {content:&#39;\f135&#39;;display:inline-block;vertical-align:top;margin-right:10px;
width:16px;height:16px;line-height:24px;color:#fff;font-family:fontawesome;transition:all 0.5s ease-in-out;}
.download:before {content:&#39;\f019&#39;;display:inline-block;vertical-align:top;margin-right:10px;width:16px;height:16px;line-height:24px;color:#fff;font-family:fontawesome;transition:all 0.5s ease-in-out;}
.first-letter{float:left;color:#8fcd7f;font-size:75px;line-height:60px;padding-top:4px;padding-right:8px;padding-left:3px;font-family:Georgia}
.widget .post-body ul,.widget .post-body ol{line-height:1.5;font-weight:400}
.widget .post-body li{padding:0;line-height:1.5}
.alert-message{position:relative;display:block;background-color:#fafafa;padding:20px;margin:20px 0;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;color:#2f3239;border:1px solid}
.alert-message p{margin:0!important;padding:0;line-height:22px;font-size:13px;color:#2f3239}
.alert-message span{font-size:14px!important}
.alert-message i{font-size:22px;text-align:left;display:inline-block;
position:absolute;right:0;top:0;padding:20px;opacity:0.8;}
.alert-message.success{background-color:#f1f9f7;border-color:#e0f1e9;color:#1d9d74}
.alert-message.success a,.alert-message.success span{color:#1d9d74}
.alert-message.alert{background-color:#DAEFFF;border-color:#8ED2FF;color:#378FFF}
.alert-message.alert a,.alert-message.alert span{color:#378FFF}
.alert-message.warning{background-color:#fcf8e3;border-color:#faebcc;color:#8a6d3b}
.alert-message.warning a,.alert-message.warning span{color:#8a6d3b}
.alert-message.error{background-color:#FFD7D2;border-color:#FF9494;color:#F55D5D}
.alert-message.error a,.alert-message.error span{color:#F55D5D}
.fa-check-circle:before{content:&quot;\f058&quot;}
.fa-info-circle:before{content:&quot;\f05a&quot;}
.fa-exclamation-triangle:before{content:&quot;\f071&quot;}
.fa-exclamation-circle:before{content:&quot;\f06a&quot;}
#flippy {text-align:center;}
#flippy button {background:#e36f60;color:#fff;margin:10px auto;vertical-align:middle;
cursor:pointer;padding:10px 14px!important;font-weight:700;font-size:15px;font-family:&#39;Ruda&#39;,sans-serif;text-align:center;text-transform:uppercase;letter-spacing:0.5px;
border:double #fff;transition:background 0.1s ease-in-out;}
#flippy button:hover, #flippy button:focus {background:#d46456;outline:none;}
#flippanel {padding:1px;text-align:left;background:#f9f9f9;border:0px;}
#flippanel {padding:24px;display:none;}

/* CSS Syntax Highlighter */
pre {padding:35px 10px 10px 10px;margin:.5em 0;white-space:pre;word-wrap:break-word;overflow:auto;background-color:#494158;position:relative;max-height:500px;border-radius:3px;}
pre::before {font-size:13px;content:attr(title);position:absolute;top:0;background-color:transparent;padding:6px 10px 7px 10px;left:0;right:0;color:#fff;display:block;margin:0 0 15px 0;font-weight:400;box-shadow:0 1px 3px rgba(0,0,0,0.1);}
pre::after {content:&quot;Double click to selection&quot;;padding:2px 10px;width:auto;height:auto;position:absolute;right:8px;top:4px;font-size:12px;color:#fff;line-height:20px;transition:all 0.3s ease-in-out;}
pre:hover::after {opacity:0;top:-8px;visibility:visible;}
code {font-family:Consolas,Monaco,&#39;Andale Mono&#39;,&#39;Courier New&#39;,Courier,Monospace;line-height:16px;color:#88a9ad;background-color:transparent;
padding:1px 2px;font-size:12px;}
pre code {display:block;background:none;border:none;color:#c2bfd2;direction:ltr;
text-align:left;word-spacing:normal;padding:10px;font-weight:bold;}
code .token.punctuation {color:#ba3a3e;}
pre code .token.punctuation {color:#777;}
code .token.comment,code .token.prolog,code .token.doctype,code .token.cdata {color:#666;}
code .namespace {opacity:.8;}
code .token.property,code .token.tag,code .token.boolean,code .token.number {color:#d75046;}
code .token.selector,code .token.attr-name,code .token.string {color:#88a9ad;}
pre code .token.selector,pre code .token.attr-name {color:#00a1d6;}
pre code .token.string {color:#6fb401;}
code .token.entity,code .token.url,pre .language-css .token.string,pre .style .token.string {color:#5ac954;}
code .token.operator {color:#1887dd;}
code .token.atrule,code .token.attr-value {color:#009999;}
pre code .token.atrule,pre code .token.attr-value {color:#1baeb0;}
code .token.keyword {color:#e13200;font-style:italic;}
code .token.comment {font-style:italic;}
code .token.regex {color:#ccc;}
code .token.important {font-weight:bold;}
code .token.entity {cursor:help;}
pre mark {background-color:#ea4f4e!important;color:#fff!important;padding:2px;border-radius:2px;}
code mark {background-color:#ea4f4e!important;color:#fff!important;padding:2px;border-radius:2px;}
pre code mark {background-color:#ea4f4e!important;color:#fff!important;padding:2px;border-radius:2px;}
.comments pre {padding:10px 10px 15px 10px;background:#494158;}
.comments pre::before {content:&#39;Code&#39;;font-size:12px;position:relative;top:0;
background-color:#5a9ad2;padding:1px 6px;left:0;right:0;color:#fff;text-transform:uppercase;
display:inline-block;margin:0 0 10px 0;font-weight:400;border-radius:3px;border:none;}
.comments pre::after {font-size:11px;}
.comments pre code {color:#c2bfd2;}
.comments pre.line-numbers {padding-left:10px;}
pre.line-numbers {position:relative;padding-left:3.0em;counter-reset:linenumber;}
pre.line-numbers &gt; code {position:relative;}
.line-numbers .line-numbers-rows {height:100%;position:absolute;top:0;font-size:100%;left:-3.5em;width:3.5em;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;padding:10px 0 0 0;background:#2a2a2a;border-right:1px solid #3a3a3a;}
.line-numbers-rows &gt; span {display:block;counter-increment:linenumber;}
.line-numbers-rows &gt; span:before {content:counter(linenumber);color:#666;display:block;
padding-right:0.8em;text-align:right;transition:350ms;}
pre[data-codetype=&quot;CSSku&quot;]:before{background-color:#0183c5;}
pre[data-codetype=&quot;HTMLku&quot;]:before{background-color:#ee7147;}
pre[data-codetype=&quot;JavaScriptku&quot;]:before{background-color:#c2a3d0;}
pre[data-codetype=&quot;JQueryku&quot;]:before{background-color:#c2ac79;}

/* CSS Widget */
.widget ul {line-height:1.4em;}
.profile-img{display:inline;opacity:1;margin:0 6px 3px 0;}
#ArchiveList ul li:before {content:&quot;&quot; !important;padding-right:0px !important;}
.rich-snippet {padding:10px;margin:15px 0 0;border:3px solid #eee;font-size:12px;}
#Attribution1 {height:0px;visibility:hidden;display:none}
#Label1 .tabs-content .widget {margin-bottom:15px}
#Label2 li {float:left;width:44%;margin-left:5px}
#Label1 li {float:left;width:44%;margin-left:5px}
#footer-wrapper #PlusBadge1 .widget{border:none!important;}

/* CSS Sidebar Wrapper */
#sidebar-wrapper {background:transparent;float:right;width:30%;margin:0 auto;}
.sidebar-inner {padding:15px 0;}
.sidebar h2, .sidebar2 h2, .tably h2 {background:#fff;color:#666;font-family:&#39;Ruda&#39;,sans-serif;
font-size:16px;font-weight:700;text-transform:uppercase;margin:0 0 0 0;padding:0;
position:relative;border-bottom:2px solid #eee;transition:all .5s ease-out;}
.sidebar h2 span,.sidebar2 h2 span {padding:12px;border-bottom:2px solid #8fcd7f;margin-bottom:-2px;display:inline-block;}
.sidebar .widget,.sidebar2 .widget {background:#fff;margin:0 0 15px;}
.sidebar ul, .sidebar ol,.sidebar2 ul, .sidebar2 ol {list-style-type:none;margin:0 0 0 0;padding:10px;padding-top:0;}
.sidebar li,.sidebar2 li {margin:5px 0;padding:0 0 0 0;}

/* CSS Tabs */
.tabs, .tably {margin:0 0;}
.tabs .tably {padding:0 0;}
.tabs-menu {padding:0 0;margin:0;margin-bottom:0;border-bottom:4px solid #8fcd7f;}
.tabs-menu li {margin-bottom:0;margin-top:0;font-size:14px;font-family:&#39;Ruda&#39;;font-weight:700;text-transform:uppercase;height:37px;line-height:37px;width:33.3%;list-style:none;text-align:center;display:inline-block;padding:3px 0;background:#494158;color:#fff;cursor:pointer;position:relative;
transition:all 0.1s linear;}
.tabs-menu li:hover {opacity:0.9;background:#494158;color:#fff;}
.tabs-menu .active-tab {background:#8fcd7f;color:#fff;}
.tabs-menu .active-tab:hover {opacity:0.9;background:#8fcd7f;color:#fff;}
.tabs-content {padding:10px;background:#fff;border-top:none;margin-bottom:15px;}
.tabs-content .sidebar li {margin:0 0;padding:0 0 0 0;}
.tabs-content .widget li {background:#fff;color:#666;float:none!important;}
.tabs-content .widget ul {background:#fff;color:#666;overflow:visible;}
.tabs-content .Label li {background:#fff!important;color:#666;float:left;padding:5px;margin-left:3px;text-align:left;width:44%;transition:.3s linear;}
.tabs-content .Label li:hover {background:transparent;color:#eac965;}
.tabs-content .Label li a {color:#666!important;transition:.3s linear;}
.tabs-content .Label li a:hover {color:#eac965;transition:.3s linear;}
.tabs-content .Label ul li a {color:#666!important;}

/* CSS Popular Post */
.PopularPosts .widget-content ul{list-style-type:none;overflow:hidden;}
#PopularPosts1 ul li .item-thumbnail{overflow:hidden;width:72px;height:72px;float:right;margin-left:10px;}
#PopularPosts1 img {overflow:hidden;width:72px;height:72px;transition:all .4s linear;}
#PopularPosts1 img:hover{opacity:0.9;transition:all .4s linear;}
.PopularPosts .widget-content ul li{position:relative;padding:0;margin:10px auto;}
.PopularPosts .widget-content ul li:first-child {margin-top:0;}
.PopularPosts .widget-content ul li:last-child {margin-bottom:0;}
.PopularPosts .widget-content ul li:nth-child(1){background:#fff;border-left:2px solid rgba(249,178,86,0.7);width:100%;transition:all 0.3s ease-out;}
.PopularPosts .widget-content ul li:nth-child(2){background:#eeeff2;border-left:2px solid rgba(118,167,250,0.7);width:100%;transition:all 0.3s ease-out;}
.PopularPosts .widget-content ul li:nth-child(3){background:#fff;border-left:2px solid rgba(228,111,97,0.7);width:100%;transition:all 0.3s ease-out;}
.PopularPosts .widget-content ul li:nth-child(4){background:#eeeff2;border-left:2px solid rgba(77,191,217,0.7);width:100%;transition:all 0.3s ease-out;}
.PopularPosts .widget-content ul li:nth-child(5){background:#fff;border-left:2px solid rgba(140,196,116,0.7);width:100%;transition:all 0.3s ease-out;}
.PopularPosts .widget-content ul li a{color:#666;transition:all 0.3s ease-out;}
.PopularPosts .widget-content ul li a:hover{color:#444;}
.PopularPosts .widget-content ul li:hover:nth-child(1),.PopularPosts .widget-content ul li:hover:nth-child(2),.PopularPosts .widget-content ul li:hover:nth-child(3),.PopularPosts .widget-content ul li:hover:nth-child(4),.PopularPosts .widget-content ul li:hover:nth-child(5){background:#e7e9ec;}
.PopularPosts .widget-content{background:#fff;}
.PopularPosts .item-thumbnail{float:left;padding:0;margin:0;}
.PopularPosts .item-title {color:#666;font-weight:400;font-size:13px;padding:5px;}
.PopularPosts .item-snippet {display:none;font-size:13px;color:#888;overflow:hidden;text-align:justify;}


/* CSS Footer */
#footer-wrapper {width:100%;text-align:left;overflow:hidden;margin:0px 0px 0px 0px;padding:15px 0 0 0;}
#footerfix {overflow:hidden;background:#fff;padding:15px 5px;margin:15px 0 0 0;border-top:1px solid #d9dce1;}
.cpleft {float:left;margin:10px;color:#8c949d;font-size:12px;font-family:&#39;Open Sans&#39;;font-weight:700;}
#cpright {float:right;margin:10px;color:#8c949d;font-size:12px;font-family:&#39;Open Sans&#39;;font-weight:700;}
.cpleft a,#cpright a {color:#efa666;text-decoration:none;}
.cpleft a:hover,#cpright a:hover {color:#8c949d;text-decoration:none;}
.footer {font-weight:700;padding-bottom:.2em;}

/* CSS Contact */
#ContactForm1{display:none;}
#ContactForm1_contact-form-name, #ContactForm1_contact-form-email{
width:300px;height:auto;margin:5px auto;padding:10px;background:#fff;color:#666;border:1px solid #e9e9e9;transition:all 1s ease-in-out;}
#ContactForm1_contact-form-email-message{width:450px;height:175px;margin:5px 0;padding:10px;background:#fff;color:#666;font-family:&#39;Droid Sans&#39;,sans-serif;border:1px solid #e9e9e9;transition:all 1s ease-in-out;}
#ContactForm1_contact-form-name:focus, #ContactForm1_contact-form-email:focus, #ContactForm1_contact-form-email-message:focus{outline:none;border:1px solid #ccc;}
#ContactForm1_contact-form-submit {font-family:&#39;Ruda&#39;;float:left;border-radius:3px;
background:#e36f60;color:#fff;margin:10px auto;vertical-align:middle;cursor:pointer;
padding:10px 18px!important;font-weight:700;font-size:15px;text-align:center;text-transform:uppercase;letter-spacing:0.5px;border:double #fff;transition:all 0.4s ease-out;}
#ContactForm1_contact-form-submit:hover {background:#444;}
#ContactForm1_contact-form-error-message, #ContactForm1_contact-form-success-message{
width:450px;margin-top:35px;}

/* CSS Ads */
.banner {margin:0 auto;text-align:center;overflow:hidden;}
.banner .widget {width:100%;max-width:100%;margin:0 auto;background:transparent;text-align:center;overflow:hidden;padding-top:15px;padding-bottom:15px;}
.banner img, .banner iframe{display:block;margin:0 auto;text-align:center;}
.kotak_iklan {text-align:center;margin:0 auto;transition:all 1s ease-out;}
.kotak_iklan .sidebar .widget-content,.kotak_iklan .sidebar2 .widget-content{padding:0;border:0;}
.kotak_iklan .sidebar .widget {margin-bottom:0;padding:0;}
.kotak_iklan img {background:#f5f5f5;text-align:center;margin:0px 5px 5px 0px;padding:5px;border:1px solid transparent!important;transition: all 0.6s ease-out;}
.kotak_iklan  img:hover {background:#fff;border:1px solid #ddd;}
.kotak_iklan2 {text-align:center;margin:0 auto;transition:all 1s ease-out;}
.kotak_iklan2 .sidebar .widget-content,.kotak_iklan2 .sidebar2 .widget-content{padding:0;background:#f2f6f7;box-shadow:0 1px 2px 0 rgba(0,0,0,0.1);border:0;}
.kotak_iklan2 .sidebar .widget,.kotak_iklan2 .sidebar2 .widget {margin-bottom:0;padding:0;}
.kotak_iklan2  img {text-align:center;transition:all 1s ease-out;}
.kotak_iklan2  img:hover {transition:all .5s ease-out;}

/* CSS Fixed Inner */
.status-msg-wrap {font-size:120%;font-weight:700;width:100%;margin:20px auto;}
.status-msg-body {padding:20px 2%;width:96%;}
.status-msg-border {border:1px solid #d8dde1;opacity:1;width:auto;}
.status-msg-bg {background-color:#fff;}
.status-msg-hidden {padding:20px 2%;}
#ArchiveList ul li:before {content:&quot;&quot;!important;padding-right:0px!important;}
.rich-snippet {padding:10px;margin:15px 0 0;border:3px solid #eee;font-size:12px;}
.Stats .digit {background:#8fcd7f!important;border:1px solid #42a0d6;
display:inline-block;height:28px;line-height:28px;margin-left:-1px;position:relative;
text-align:center;width:22px;}
.counter-wrapper .graph-counter-wrapper {color:#fff!important;}
.Stats .counter-wrapper {font-size:14px;font-weight:bold;line-height:30px;
font-family:&#39;Arial&#39;;}
.Stats .blind-plate {border-bottom:none;border-top:none;height:0;left:0;opacity:0;
position:absolute;top:13px;width:22px;}
.Stats strong {color:#fff;left:-0.1em;content:&#39;[&#39;;-webkit-transform: translateX(-100%);transform: translateX(-100%);}
.Profile img {margin:0 15px 15px 0;width:104px;height:104px;}
a.profile-name-link.g-profile,a.profile-link {color:#ccc;}
#Profile1 h2:before {font-family:fontawesome;content: &quot;\f007&quot;;margin-right:10px;font-size:15px;color:#8fcd7f;}
#ContactForm1 h2:before {font-family:fontawesome;content: &quot;\f0e0&quot;;margin-right:10px;font-size:15px;color:#8fcd7f;}
#Label3 h2:before {font-family:fontawesome;content: &quot;\f02c&quot;;margin-right:10px;font-size:15px;color:#8fcd7f;}

/* CSS Page Navigation */
.pagenav {background:#fff;clear:both;margin:-5px 0 10px;margin-top:10px;padding:15px;text-align:left;font-size:13px;font-family:&#39;Droid Sans&#39;;font-weight:700;border-radius:3px;}
.pagenav span,.pagenav a {padding:6px 12px;display:inline-block;background-color:#fff;
color:#888;margin-left:4px;margin-right:4px;border:double #ddd;transition:all .5s linear;}
.pagenav .pages {background-color:#fff;color:#888;transition:all .2s linear;}
.pagenav a:hover {background-color:#444;color:#fff;border:double #fff;transition:all .2s linear;}
.pagenav .current {background-color:#8fcd7f;color:#fff;border:double #fff;transition:all .2s linear;}
.pagenav .pages {display:none;}

/* CSS Sitemap */
#table-outer table {width:100%;margin:0;padding:0;}
#table-outer input, #table-outer select {padding:4px;font:inherit;border:2px solid #eceeee;width:170px;box-sizing:border-box;}
#table-outer select {cursor:pointer;outline:none}
#table-outer input:focus{outline:none}
#resultDesc {margin-bottom:10px;}
#feedContainer {overflow:hidden;margin-top:20px;}
#feedContainer strong {font-size:10px;}
#feedContainer, #feedContainer li {padding:0;margin:0;list-style:none;}
#feedContainer li {float:left;width:50%;margin-bottom:10px;position:relative;z-index:0;}
#feedContainer .inner {padding:8px;margin: 0 5px;position:relative;background-color:#fff;height:133px;}
#feedContainer img {float:left;margin: 0 8px 0 0;max-width:100%;padding:2px;}
#feedContainer .toc-title {max-height:33px;overflow:hidden;}
#feedContainer .toc-title:hover {text-decoration:underline;}
#feedContainer .news-text {font-size:11px;}
#feedNav a, #feedNav span {display:block;text-align:center;color:#fff;
text-decoration:none;background-color:#494158;padding:5px;width:95%;margin: 0 auto;transition:all 0.3s linear;}
#feedNav a, #feedNav span:hover {background-color:#8fcd7f;transition:all 0.3s linear;}
#feedContainer .date {display:none;position:absolute;bottom:0;right:0;background-color:transparent;color:#fff;font-size:9px;padding:3px 2px;width:35px;}
#feedContainer .date .dd {font-size:9px;line-height:5px;font-weight:bold;}
#feedContainer .date span {display:inline-block;line-height:5px;text-align:center;
margin-left:5px;}

/* CSS Back To Top */
#BackToTop {z-index:90;position:fixed;bottom:15px;right:-80px;overflow:hidden;display:none;
background:#fff;color:#444;padding:9px 13px;font-size:25px;box-shadow:0 0 0 1px #ddd;-webkit-transform: translateZ(0);transition:all .5s ease-out;}
#BackToTop:hover {background:#8fcd7f;color:#fff;box-shadow:0 0 0 1px transparent;}

/* CSS Alert For Demo Only */
#dialogoverlay{visibility:hidden;opacity:0.5;position:fixed;left:0px;background:#000;
width:100%;z-index:102;bottom:-300px;transition:all .5s ease-out;}
#dialogbox{top:-150px;position:fixed;background:#fafafa;width:380px;z-index:102;box-shadow:0 10px 15px rgba(0,0,0,0.2);transition:all 400ms ease-in-out;}
#dialogbox &gt; div{background:#fff;margin:0;text-align:center}
#dialogbox &gt; div &gt; #dialogboxhead{position:relative;background:#9eb2c0;font-size:18px;font-weight:700;padding:15px;color:#fff;font-family:&#39;Ruda&#39;;text-transform:uppercase;letter-spacing:0.5px;}
#dialogboxhead:before {top:100%;left:50%;border:solid transparent;content:&quot; &quot;;height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(0,0,0,0);border-top-color:#9eb2c0;border-width:8px;margin-left:-8px;}
#dialogbox &gt; div &gt; #dialogboxbody{background:#fff;padding:30px 20px;color:#666;font-size:14px;font-weight:400;line-height:20px;text-align:left;}
#dialogbox &gt; div &gt; #dialogboxfoot{background:#eee;padding:20px;text-align:right;}
#dialogbox &gt; div &gt; #dialogboxfoot button{position:absolute;bottom:0;right:0;
background:#f97e76;border:none;height:40px;width:40px;outline:none;color:#fff;font:normal 22px Arial;text-align:center;cursor:pointer;}


/* CSS Global Responsive */
@media screen and (max-width:1066px) {
#outer-wrapper {margin:0 auto;}
.opt-in .inner .ct-wrapper {padding:0 48px;}
.header-right {float:right;padding:0;overflow:hidden;margin:0;max-width:640px!important;}
.header-right img {display:block;}}

@media screen and (max-width:960px) {
#outer-wrapper {margin:0 auto;border:none;box-shadow:none;}
.blogouter-wrapper {position:relative;z-index:96;overflow:hidden;margin:20px 10px;}
#header h1,#header p,#header,.header-right,#header .description{margin:0 auto;width:100%;float:none;text-align:center;}
#header{margin-bottom:10px;}
.header-right img, .header-right iframe{margin:0 auto;max-width:100%;}
#header-wrapper{padding:0 10px;}
.ct-wrapper{padding:0 10px;}
.header-wrapper2 {padding:0}

@media only screen and (max-width:768px){
#post-wrapper, #sidebar-wrapper {width:100%;max-width:100%}
.post-body img {max-width:90%;}
.img-thumbnail {margin:0 10px 0 0;}
.sidebar-inner, .post-inner {padding:15px 0 0px;}
ul#relpost_img_sum li {width:100%}
.cpleft,#cpright {float:none;text-align:center;margin:10px auto;}
.searchbar{width:65%;}}

@media only screen and (max-width:640px){
#header h1,#header p,#header,.header-right,#header .description{margin:0 auto;width:100%;float:none;text-align:center;}
#header{margin:10px auto;}
.header-right{float:none;margin:0 auto;text-align:center;}
.header-right img, .header-right iframe{float:none;margin:0 auto;text-align:center;}
#header-wrapper{padding:0;}
.main-nav {display:block;width:100%;padding:0}
.main-nav ul {text-align:center;}
.main-nav ul {display:none;height:auto;}
.main-nav a#pull {background-color:#8fcd7f;color:#fff;border:none;display:inline-block;font-family:&#39;Droid Sans&#39;;font-size:12px;font-weight:bold;padding:10px 3%;height:30px;line-height:30px;position:relative;text-align:right;width:94%;}
.main-nav a#pull:after {content:&#39;\f0c9&#39;;font-family:FontAwesome;
font-style:normal;font-weight:normal;text-decoration:none;font-size:30px;color:#fff;display:inline-block;position:absolute;left:15px;top:20%;line-height:30px;}
.main-nav li {display:block;width:100%;text-align:left;border-bottom:none;}
.main-nav li a {background:#8fcd7f;color:#fff;padding:15px 20px;display:block;}
.main-nav li a:hover, nav a:active {background:#8fcd7f;border:none;color:#fff;}
.main-nav ul li a:hover {background:#8fcd7f;color:#fff;}
.main-nav .home1 a {box-shadow:none;background:#8fcd7f;color:#fff;}
.main-nav .home1 a:hover {background:#8fcd7f;color:#fff;}
.main-nav li.facebook,.main-nav li.twitter,.main-nav li.youtube,.main-nav li.googleplus,.main-nav li.linkedin{background:#8fcd7f;text-align:left;margin:0 auto;color:#fff;transition:all 0.2s ease-out;}
.main-nav li a.facebook:hover,.main-nav li a.twitter:hover,.main-nav li a.youtube:hover,.main-nav li a.googleplus:hover,.main-nav li a.linkedin:hover{color:#8fcd7f;}
.main-nav li .facebook .fa.fa-facebook,.main-nav li.twitter .fa.fa-twitter,.main-nav li.youtube .fa.fa-youtube,.main-nav li.googleplus .fa.fa-google-plus,.main-nav li.linkedin .fa.fa-linkedin{color:#fff;transition:all 0.2s ease-out;}
.main-nav ul li.facebook:hover .fa.fa-facebook,.main-nav li.twitter:hover .fa.fa-twitter,
.main-nav li.youtube:hover .fa.fa-youtube,.main-nav li.googleplus:hover .fa.fa-google-plus,
.main-nav li.linkedin:hover .fa.fa-linkedin{background:#8fcd7f;color:#fff;}
.main-nav li.buttonalert {display:none;}
#menutop li:hover &gt; ul.menux{display:block;}
#menu {margin:0;padding:0;position:absolute;top:50px;width:100%;z-index:99;background-color:#8fcd7f;display:none;}
#menu:after {content:&#39;&#39;;position:absolute;left:22px;top:-5px;border-left:6px solid transparent;
border-right:6px solid transparent;border-bottom:6px solid #333;}
#menu ul {position:static;visibility:visible;opacity:1;margin:0;background:#333;overflow:
hidden;}
#menu ul ul {margin:0 0 0 20px!important;box-shadow:none;}
#menu li {position:static;display:block;float:none;margin:0;background:#333;}
#menu ul li{margin-left:0;box-shadow:none;}
#menu a{background:#8fcd7f;color:#fff;display:block;float:none;}
#menu ul a{width:auto;background:#333;color:#ddd;}
#menu ul li:first-child a:after,#menu ul ul li:first-child a:after {border:0;}
#menu-wrap input,#menu-wrap label{display:inline-block;position:absolute;left:0;top:0;}
#menu-wrap input:after,#menu-wrap label:after {content:&quot;\f0c9&quot;;font-family:FontAwesome;font-style:normal;font-weight:normal;text-decoration:none;font-size:30px;color:#fff;display:inline-block;position:absolute;left:15px;}
#menu-wrap input{z-index:4}
#menu-wrap input:checked + label{color:#fff;font-weight:700}
#menu-wrap input:checked ~ ul{display:block}
#menu .homers {margin-left:0;}
#menu .homers a{background:transparent;color:#fff;margin-left:0;}
#menu .homers a:hover{background:#8fcd7f;color:#fff;}
#menu li.searchbutton {float:none;width:auto;text-align:left;cursor:pointer;}
#post-wrapper,#sidebar-wrapper,#footer-col1,#footer-col2,#footer-col3 {width:100%;max-width:100%}
h2.post-title, h1.post-title, h2.post-title a, h1.post-title a, h2.post-title, h1.post-title {font-size:18px;}
.opt-in .inner .ct-wrapper {padding:0 10px;}
.sidebar-inner, .post-inner{padding:10px 0 0px;}
.post {margin:0 0 10px;padding:10px;}
#footer-widgetfix {width:100%;overflow:hidden;}
#footer-widgetfix .footer-widget {width:92%;float:left;margin-left:20px;}
.cpleft,#cpright {float:none;text-align:center;margin:10px auto;}
.pagenav span,.pagenav a {padding:3px 8px;display:inline-block;background-color:#fff;color:#838888;margin-left:2px;margin-right:2px;border-radius:1px;}
.posts-title{margin-bottom:10px;margin-top:10px;border-bottom:none;text-align:center;}
.posts-title h2{font-family:&#39;Ruda&#39;;font-size:13px;background-color:#fff;display:inline-block;padding:7px;margin:0;border:double #ddd;border-bottom:double #ddd;}
.posts-title h2 a{color:#666;font-weight:700;font-size:13px;text-transform:uppercase;display:block;}
.posts-title h2 a:before{content:&#39;\f143&#39;;font-family:fontawesome;font-size:14px;vertical-align:middle;margin-right:10px;font-weight:400}
.posts-title h2 a:hover{color:#8fcd7f;}
.searchbar{width:55%;}}

@media only screen and (min-width:640px){
#menu {display:block;}}

@media only screen and (max-width:480px){
#outer-wrapper {margin:0 auto;}
.header-right{float:none;margin:0 auto;text-align:center;}
.header-right img, .header-right iframe{float:none;margin:0 auto;text-align:center;}
.post {margin:0 0 8px;padding:8px;}
h2.post-title, h1.post-title {font-size:16px;}
.img-thumbnail, .img-thumbnail img {width:120px;height:90px;}
.img-thumbnail {margin:0 8px 0 0;}
.comments .comment-block, .comments .comments-content .inline-thread {
padding:10px !important;}
.comment .comment-thread.inline-thread .comment {margin: 0 0 0 0 !important;}
#related_posts {margin:20px 20px 20px 0;padding:0;}
.post-info {font-size:12px;}
#feedContainer li {width:100%;}
.searchbar{width:35%;}}

@media screen and (max-width:320px){
.header-right{float:none;margin:0 auto;text-align:center;}
.header-right img, .header-right iframe{float:none;margin:0 auto;text-align:center;}
.post {padding:6px;}
.img-thumbnail, .img-thumbnail img {width:100px;height:80px;}
#footer-widgetfix {width:100%;overflow:hidden;}
#footer-widgetfix .footer-widget {width:87%;float:left;margin-left:20px;}}

.break {
    text-align: center;
}

.link-preview-wrapper {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    position: absolute;
    overflow: hidden;
    z-index: -1;
    opacity: 0;
    margin-top: -4px;
    border: 1px solid #aaa;
    box-shadow: 0 4px 6px -2px rgba(0,0,0,0.3);
    transition: z-index steps(1) .3s, opacity .3s, margin-top .3s;
}

a:hover .link-preview-wrapper {
    z-index: 2;
    opacity: 1;
    margin-top: 6px;
    transition: opacity .3s, margin-top .3s;
}

.link-preview-loading, .link-preview-cover {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}

.link-preview-loading {
    display: table;
    height: 100%;
    width: 100%;
    font-size: 15px;
    text-align: center;
    color: #999;
    background-color: #e5e5e5;
}

.link-preview-loading::before {
    content: &#39;Loading...&#39;;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.link-preview-cover {
    background-color: rgba(0,0,0,0);
}

.link-preview-frame {
    border: none;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
}

